/**
 * 练习1：使用antd Table、Form 组件实现一个员工列表
 * 
 * 要求：
    1. 员工列表包含以下列：工号、姓名、部门、职位、入职日期、状态、月薪、邮箱、手机号
    2. 员工列表支持新增 - 新跳转新增页面
    3. 员工列表支持编辑 - 点击编辑按钮新跳转编辑页面
    4. 员工列表支持删除 点击删除按钮弹出确认框 确认后删除
    5. 员工列表支持分页，每页10条
    6. 姓名可点击 - 打开详情弹窗
 */

interface Employee {
    id: string; // 工号
    name: string; // 姓名
    department: string; // 部门
    position: string; // 职位
    hireDate: string; // 入职日期
    status: 'active' | 'inactive'; // 状态：在职/离职
    salary: number; // 月薪（元）
    email: string; // 邮箱
    phone: string; // 手机号
}

// 模拟数据：30条员工信息
const mockEmployees: Employee[] = [
    { id: 'EMP001', name: '张三', department: '技术部', position: '前端开发工程师', hireDate: '2020-03-15', status: 'active', salary: 15000, email: 'zhangsan@company.com', phone: '13800138001' },
    { id: 'EMP002', name: '李四', department: '产品部', position: '产品经理', hireDate: '2021-05-22', status: 'active', salary: 18000, email: 'lisi@company.com', phone: '13800138002' },
    { id: 'EMP003', name: '王五', department: '技术部', position: '后端开发工程师', hireDate: '2019-11-08', status: 'active', salary: 16500, email: 'wangwu@company.com', phone: '13800138003' },
    { id: 'EMP004', name: '赵六', department: '人事部', position: '人力资源专员', hireDate: '2022-01-10', status: 'active', salary: 9500, email: 'zhaoliu@company.com', phone: '13800138004' },
    { id: 'EMP005', name: '孙七', department: '财务部', position: '会计', hireDate: '2020-07-30', status: 'inactive', salary: 10000, email: 'sunqi@company.com', phone: '13800138005' },
    { id: 'EMP006', name: '周八', department: '技术部', position: '测试工程师', hireDate: '2021-09-15', status: 'active', salary: 12000, email: 'zhouba@company.com', phone: '13800138006' },
    { id: 'EMP007', name: '吴九', department: '市场部', position: '市场推广专员', hireDate: '2022-03-25', status: 'active', salary: 11000, email: 'wujiu@company.com', phone: '13800138007' },
    { id: 'EMP008', name: '郑十', department: '产品部', position: 'UI/UX设计师', hireDate: '2020-12-05', status: 'active', salary: 14000, email: 'zhengshi@company.com', phone: '13800138008' },
    { id: 'EMP009', name: '钱十一', department: '技术部', position: 'DevOps工程师', hireDate: '2019-08-18', status: 'active', salary: 17000, email: 'qianshiyi@company.com', phone: '13800138009' },
    { id: 'EMP010', name: '冯十二', department: '财务部', position: '财务经理', hireDate: '2018-05-12', status: 'active', salary: 22000, email: 'fengshier@company.com', phone: '13800138010' },
    { id: 'EMP011', name: '陈十三', department: '人事部', position: '招聘专员', hireDate: '2022-06-18', status: 'active', salary: 8500, email: 'chenshisan@company.com', phone: '13800138011' },
    { id: 'EMP012', name: '褚十四', department: '市场部', position: '市场经理', hireDate: '2019-03-22', status: 'active', salary: 19000, email: 'chushisi@company.com', phone: '13800138012' },
    { id: 'EMP013', name: '卫十五', department: '技术部', position: '前端开发工程师', hireDate: '2021-02-14', status: 'active', salary: 14500, email: 'weishiwu@company.com', phone: '13800138013' },
    { id: 'EMP014', name: '蒋十六', department: '产品部', position: '产品助理', hireDate: '2022-07-01', status: 'active', salary: 8000, email: 'jiangshiliu@company.com', phone: '13800138014' },
    { id: 'EMP015', name: '沈十七', department: '技术部', position: '后端开发工程师', hireDate: '2020-04-30', status: 'inactive', salary: 15500, email: 'shenshiqi@company.com', phone: '13800138015' },
    { id: 'EMP016', name: '韩十八', department: '财务部', position: '出纳', hireDate: '2021-08-09', status: 'active', salary: 8800, email: 'hanshiba@company.com', phone: '13800138016' },
    { id: 'EMP017', name: '杨十九', department: '市场部', position: '新媒体运营', hireDate: '2022-02-17', status: 'active', salary: 9200, email: 'yangshijiu@company.com', phone: '13800138017' },
    { id: 'EMP018', name: '朱二十', department: '技术部', position: '测试工程师', hireDate: '2021-11-23', status: 'active', salary: 11500, email: 'zhuer shi@company.com', phone: '13800138018' },
    { id: 'EMP019', name: '秦二十一', department: '人事部', position: '薪酬绩效专员', hireDate: '2020-09-12', status: 'active', salary: 10500, email: 'qinershiyi@company.com', phone: '13800138019' },
    { id: 'EMP020', name: '尤二十二', department: '产品部', position: '产品经理', hireDate: '2019-07-05', status: 'active', salary: 17500, email: 'youershier@company.com', phone: '13800138020' },
    { id: 'EMP021', name: '许二十三', department: '技术部', position: '前端开发工程师', hireDate: '2022-04-18', status: 'active', salary: 13000, email: 'xuer sanshi@company.com', phone: '13800138021' },
    { id: 'EMP022', name: '何二十四', department: '财务部', position: '会计', hireDate: '2021-03-29', status: 'active', salary: 10200, email: 'heshiersi@company.com', phone: '13800138022' },
    { id: 'EMP023', name: '吕二十五', department: '市场部', position: '销售代表', hireDate: '2022-05-14', status: 'active', salary: 9800, email: 'lvershiwu@company.com', phone: '13800138023' },
    { id: 'EMP024', name: '施二十六', department: '技术部', position: '后端开发工程师', hireDate: '2020-06-21', status: 'active', salary: 16000, email: 'shiershiliu@company.com', phone: '13800138024' },
    { id: 'EMP025', name: '张二十七', department: '产品部', position: 'UI/UX设计师', hireDate: '2021-01-08', status: 'inactive', salary: 13500, email: 'zhangershiqi@company.com', phone: '13800138025' },
    { id: 'EMP026', name: '孔二十八', department: '人事部', position: '培训专员', hireDate: '2022-08-03', status: 'active', salary: 9000, email: 'kongershiba@company.com', phone: '13800138026' },
    { id: 'EMP027', name: '曹二十九', department: '技术部', position: 'DevOps工程师', hireDate: '2019-12-15', status: 'active', salary: 18500, email: 'caoe rshi jiu@company.com', phone: '13800138027' },
    { id: 'EMP028', name: '严三十', department: '市场部', position: '市场推广专员', hireDate: '2022-01-20', status: 'active', salary: 10800, email: 'yansanshi@company.com', phone: '13800138028' },
    { id: 'EMP029', name: '华三十一', department: '财务部', position: '财务经理', hireDate: '2018-10-25', status: 'active', salary: 23000, email: 'huashanyiyi@company.com', phone: '13800138029' },
    { id: 'EMP030', name: '金三十二', department: '技术部', position: '测试工程师', hireDate: '2021-06-11', status: 'active', salary: 12500, email: 'jinshanshier@company.com', phone: '13800138030' },
];